<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <title>Registration Form</title>
  <link rel="stylesheet" href="css/site.css" />

  <script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
  <script type="text/javascript" src="js/jquery.validate.js"></script>
  <script type="text/javascript" src="js/jquery.register.js"></script>

</head>
<body>

<form name="register" id="registerId" action="saveuser.php">

<table align="center" border="0" cellspacing="0" width="80%">
  <thead>
    <tr>
      <th colspan="2">Please fill the form...</th>
    </tr>
  </thead>

  <tbody>
    <tr>
      <td align="right" width="40%"> Name : </td>
      <td><input type="text"  placeholder="My Name is.." name="uname" id="unameId"></td>
    </tr>

    <tr>
      <td align="right">Email : </td>
      <td><input type="email"  placeholder="My Email is.."  name="email"></td>
    </tr>

    <tr>
      <td align="right">Password : </td>
      <td><input type="password"   placeholder="My password is.."  name="password" id="passwordId"></td>
    </tr>

    <tr>
      <td align="right">Confirm Password : </td>
      <td><input type="password"   name="conPassword" placeholder="Re-type Pasword.." ></td>
    </tr>

    <tr>
      <td align="right">Gender : </td>
      <td>
        <label>
        <input type="radio" name="gender" value="male">Male</label>
        <label>
        <input  type="radio" name="gender" value="female">
        Female</label>
        <br><label for="gender" class="error"></label>
        </td>
    </tr>

    <tr>
      <td align="right">Date Of Birth :</td>
      <td><input type="date" placeholder="YYYY-MM-DD" name="dob" ></td>
    </tr>

    <tr>
      <td align="right">Address :</td>
      <td><textarea name="address"  placeholder="My Address is .."></textarea></td>
    </tr>

    <tr>
      <td align="right">Country :</td>
      <td>
        <select id="countryId" name="country">
          <option value="">-SELECT-</option>
          <option value="in">India</option>
          <option value="pk">Pakistan</option>
          <option value="np">Nepal</option>
          <option value="bh">Bhutan</option>
          <option value="ch">China</option>
        </select>
      </td>
    </tr>

    <tr>
      <td align="right">Language Known :</td>
      <td>
        <select name="lang[]" multiple size="5">
          <option value="c">C</option>
          <option value="cpp">C++</option>
          <option value="php">PHP</option>
          <option value="csharp">C#</option>
          <option value="dotnet">.NET</option>
          <option value="java">Java</option>
        </select>
      </td>
    </tr>

    <tr>
      <td align="right">Hobbies :</td>
      <td>
        <label><input type="checkbox" name="hobbies[]" value="study">Study</label><br>
        <label><input type="checkbox" name="hobbies[]" value="hockey">Hockey</label><br>
        <label><input type="checkbox" name="hobbies[]" value="cricket">Cricket</label><br>
        <label><input type="checkbox" name="hobbies[]" value="chess">Chess</label><br>
        <label><input type="checkbox" name="hobbies[]" value="badminton">badminton</label>
        <label for="hobbies[]" class="error"></label>
      </td>
    </tr>

    <tr>
      <td align="right">Avatar :</td>
      <td><input type="file" name="avatar" ></td>
    </tr>

    <tr>
      <td align="right">&nbsp;</td>
      <td><input type="submit"  name="submit" value="I am done!!"></td>
    </tr>
  </tbody>
</table>
</form>

</body>
</html>
